<template>
<div>
    <van-tabbar v-model="active">
        <van-tabbar-item class="bottab" to='/'><span class="iconfont icon-zu"></span><p>首页</p></van-tabbar-item>
        <van-tabbar-item class="bottab" to='/'><span class="iconfont icon-wodebaodan"></span><p>保单</p></van-tabbar-item>
        <van-tabbar-item class="bottab" to='/'><span class="iconfont icon-wode"></span><p>我的</p></van-tabbar-item>
    </van-tabbar>
</div>
</template>
<style src="../css/iconfont.css"></style>
<script>
import { Tabbar, TabbarItem } from 'vant';
export default {
    props:{
        
    },
    components: {
        [Tabbar.name]: Tabbar,
        [TabbarItem.name]: TabbarItem,
    },
    data() {
        return {
            active:0
        }
    },
}
</script>
<style scoped>
.bottab{
  text-align:center;
}
.bottab span{
  font-size:24px
}
.bottab p{
  margin:5px 0
}
</style>